<template>
  <div class="about">
    <s-header :name="''"></s-header>
    <div class="about-body">
      <div class="img-container">
        <img class="intro-img" src="../assets/logo.jpg" alt="">
      </div>
      <van-divider
        :style="{ color: '#1baeae', borderColor: '#1baeae', fontSize: '20px', fontWeight: 500 }">简介</van-divider>
      <div>
        天狼户外装备产品主要包括安防装备系列、强光手电系列丶防弹系列、防暴系列、战术装备系列及催泪喷射器、电子防暴器、防弹盾牌、防弹头盔、防暴服、机械棍、战术背心等十几大系列三百多种装备安全防范产品。
      </div>
      <van-divider
        :style="{ color: '#1baeae', borderColor: '#1baeae', fontSize: '20px', fontWeight: 500 }">联系方式</van-divider>
      <div>
        <div>
          <div>
            客服微信1: jingjiang012
          </div>
          <div>
            客服微信2: tlaf012
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
import sHeader from '@/components/SimpleHeader.vue'
</script>

<style lang="less" scoped>
.about {
  box-sizing: border-box;
  padding: 20px;
  .img-container{
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 20px;
    }
  .intro-img {
    height: 30%;
  }

  .about-body {
    font-size: 16px;

    a {
      color: #007fff;
    }
  }
}
</style>
